<template>
  <div class="el-section">
    <el-row>
      <div class="el-section-lable el-fl">学段：</div>
      <el-col :span="21" class="el-section-item">
        <el-radio v-model="params.learningPhaseId" label="" @change="changePhase">全部</el-radio>
        <el-radio v-model="params.learningPhaseId" v-for="item in stages" :label="item.id" @change="changePhase">{{ item.name }}</el-radio>
      </el-col>
    </el-row>
    <el-row>
      <div class="el-section-lable el-fl">年级：</div>
      <el-col :span="21" class="el-section-item">
        <el-radio v-model="params.courseGradeId" label="" size="mini">全部</el-radio>
        <el-radio v-model="params.courseGradeId" v-for="item in grades" :label="item.gradeId" size="mini">{{ item.gradeName }}</el-radio>
      </el-col>
    </el-row>
    <el-row>
      <div class="el-section-lable el-fl">学科：</div>
      <el-col :span="21" class="el-section-item">
        <el-radio v-model="params.courseSubjectId" label="" size="mini">全部</el-radio>
        <el-radio v-model="params.courseSubjectId" v-for="item in subjects" :label="item.id" size="mini">{{ item.name }}</el-radio>
      </el-col>
    </el-row>
    <el-row>
      <div class="el-section-lable el-fl">版本：</div>
      <el-col :span="21" class="el-section-item">
        <el-radio v-model="params.courseVersionId" label="" size="mini">全部</el-radio>
        <el-radio v-model="params.courseVersionId" v-for="item in versions" :label="item.id" size="mini">{{ item.name }}</el-radio>
      </el-col>
    </el-row>
    <el-row>
      <div class="el-section-lable el-fl">册别：</div>
      <el-col :span="21" class="el-section-item">
        <el-radio v-model="params.courseVolumeId" label="" size="mini">全部</el-radio>
        <el-radio v-model="params.courseVolumeId" v-for="item in volumes" :label="item.id" size="mini">{{ item.pname }}</el-radio>
      </el-col>
    </el-row>
  </div>
</template>
<script src="./index.js"></script>
<style lang="scss" src="./index.scss"></style>
